<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./../resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="./../resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <title>Bolsa de trabajo de la Faculta de Ciencias</title>

        <!-- Para un desarrollo más intensivo de los mapas, usar el siguiente código que se encuentra comentado -->
        <!--<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAH6gR4TcjkaLPaO9hB6_0ARR5bH6Db6o3HJBIWNvtad6FfROENBTBM7JExw3X4y5hxQkoDeJMrpeISQ" type="text/javascript"></script>
        <script src="http://maps.gstatic.com/intl/en_ALL/mapfiles/340c/maps2.api/main.js" type="text/javascript"></script>
        <style type="text/css">@media print{.gmnoprint{display:none}}@media screen{.gmnoscreen{display:none}}</style> -->

        <script src="http://maps.google.com/maps/api/js?sensor=false" />

        <script type="text/javascript">             
            var currentMarker = null;

            function handlePointClick(event) {
                if(currentMarker == null) {
                    document.getElementById('form:lat').value = event.latLng.lat();
                    document.getElementById('form:lng').value = event.latLng.lng();

                    currentMarker = new google.maps.Marker({
                        position:new google.maps.LatLng(event.latLng.lat(), event.latLng.lng())
                    });

                    map.addOverlay(currentMarker);

                    dlg.show();
                }	
            }

            function markerAddComplete() {

                currentMarker.setTitle("title");		
                currentMarker = null;
                dlg.hide();
            }

            function cancel() {
                dlg.hide();
                currentMarker.setMap(null);
                currentMarker = null;

                return false;
            }
        </script>

    </h:head>

    <h:body>

        <div id="top">
            <ui:insert name="top">Top</ui:insert>
        </div>
        <div>
            <div id="left">
                <ui:insert name="left">Left</ui:insert>                
            </div>  
            <div>
                <div id="right">
                    <ui:insert name="right"></ui:insert>
                </div>
                <div id="content" class="right_content">                    
                    <img src="/bolsaCienciasWeb/images/home_logo_top.gif" height="115" width="454" /> 
                    <h:form>
                        <table border="0"  style="color: green;width: 85%;">
                            <tr>
                                <th><p:commandLink  action ="MisVacantes.xhtml" value="Administrar Vacantes y Candidatos Postulados" ajax="false"/></th>                               
                                <th><p:commandLink  action ="CrearVacante.xhtml" value="Añadir una nueva vacante" ajax="false"/></th> 
                                <th><p:commandLink  action ="MiPerfil.xhtml" value="Administrar mi perfil" ajax="false"/></th>
                                <th><p:commandLink  action ="#{loginActionListener.logout}" value="Cierra sesión" ajax="false"/></th>   
                            </tr>
                        </table><br></br>
                    </h:form>
                    <ui:insert name="content">Content</ui:insert><br></br><br></br><br></br><br></br>
                </div>
            </div>
        </div>
        <div id="bottom">
            <ui:insert name="bottom">Bottom</ui:insert>
            <center>Facultad de Ciencias, Universidad 3000 Circuito Exterior S/N, C.P. 04510 Ciudad Universitaria.</center>            
        </div>

    </h:body>

</html>
